﻿@charset "utf-8";
/* CSS Document */
@media (max-width:1800px){

.hz{width:88%;margin: 0 auto;}
.hza{ width: 88%;margin: 50px auto;}	
}

@media (max-width:1440px){
.hz{width:96%;}
.hza{ width: 96%;}	
.index-fw-hz{width:30%;}
.mainbav li { margin-right: 60px;}
.mainbav ul li .erji_dh dl {width: 96%;}
	}

	
@media (max-width:1200px){
	body {padding-top: 0px;}


	.top-pc { display:none;}
	
	.top_sj { display:block;background:#fff; }
	.banner{display:none;}
	.banner-sj { display:block; }
	.wrap-all{ width:98%;}
	.top_sj .tp_wrap { width:98%;margin: 0 auto;}
	
	.logo-hz{margin:15px 0 8px 0;width:90%;}

    .tools {right:1%; margin-right:40px;}
	


	.top_bj{display:none;}
	
	.hamburger{display:block;}
	.dh { padding-top:0px;}
	.dh{position:absolute; left:0px;top:100%; z-index:1111;width:100%; height:0px;border-top:1px solid #ebebeb; display:none; overflow:hidden;background:#fff;overflow:hidden;-webkit-transition:1s;transition:1s;}
	.dhov{ height:auto;display:block;}
	.dh>ul { text-align:left;}
	.dh>ul>li{ border-bottom:1px solid #ebebeb; position:relative;}
	.dh>ul>li>a{display:block;font-size:16px;line-height:51px; padding:0 2%;}
	.dh>ul>li>a:hover{}
	.dh>ul>li .droparea{display:none;}

	.dh ul li span{position:absolute; height:51px;width:51px; top:0px;right:2%; -webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;}
    .dh ul li .inactive:before,.dh ul li .inactive:after{    transform: rotate(45deg);transition: all .3s ease;content: "";position: absolute;right:0;top: 50%; left:50%; margin-left:-5px;  height: 2px; width: 10px; border-radius: 3px;background-color:#303030; margin-top: -3px; transition:0.5s;}
    .dh ul li .inactive:after {transform: rotate(-45deg);margin-top:3px;transition:0.5s;}
    .dh ul li .inactives:before,.dh ul li .inactives:after{    transform: rotate(135deg);transition: all .3s ease;content: "";position: absolute;top: 50%;  height: 2px; width:20px; border-radius: 3px;background-color: #fff; margin-top:0px;}
    .dh ul li .inactives:after {transform: rotate(45deg);margin-top:0px;}
    .dh>ul>li .droparea img { display:none;}
    .dh ul li.act > a { background:#003264; color:#fff;}
	.dh ul li .droparea .act > a { background:#ededed; color:#000;font-size:16px;}
    .dh ul li .droparea li{ line-height:50px; background:#f7f7f7; border-bottom:1px solid #ececec;  position:relative;}
	.dh ul li .droparea li .droparea li{  background:#f6f6f6; border-bottom:1px solid #ececec;  position:relative;}
	.dh ul li .droparea li a { padding:0 2%; text-indent:20px; display:block;font-size:15px;}
 .dh ul li .droparea ul li ul li a{font-weight:normal !important;color:#666;font-size:14px;padding-left:30px;}
 .dh ul li .droparea ul li ul li a:hover{color:#103670;}
	.dh ul li .droparea > ul > li > ul { display: none; }


	.top_sj{ position: relative; }
	
	.top_sj .tp_wrap:after{content: "";display: block;height: 0;visibility: hidden;clear: both;}

	.tools {position:absolute;right:0px; top:36px;}
	.hamburger{top:30px;}
	.sear_t { position:absolute; width:100% !important; top:82px; left:0px; background-color: #fafafa;
					  background: linear-gradient(to bottom,#f5f5f5 10%,#ededed 50%,#f5f5f5 90%); z-index:99; display:none; }
	.search_bar1 { max-width:630px; border-bottom:1px solid #dcdcdc; margin:20px auto 10px; padding-left:50px; padding-right:50px; position:relative; width:80%;}
	.search_form .sf_input1 {padding:10px; display:block; font-size:15px; border:none; color:#212721;width:100%;line-height:36px;   height:46px; text-indent:10px;background-color: transparent;-webkit-appearance:none; } 
	.search_form .sf_input1:hover { outline:0;} 
	.search_form .sf_btn1 {background:url("../images/search_btn.png") no-repeat center;  width:46px; height:46px;   float: right; border: none; cursor: pointer; position:absolute; left:0px;}
	.search_form .search_close { position:absolute; right:5px; top:0px; width:20px; height:46px; background:url(../images/ssbtn_close.png) center no-repeat; }
	.search_form .sf_input::-webkit-input-placeholder { color:#505050; }
	
	/* 火狐浏览器 */
.search_form .sf_input::-moz-placeholder { color:#505050; }
.search_tbn { background:url(../images/ss_tbn.jpg) no-repeat center; width:20px; height:22px; float:left; padding:0 5px;margin:0 10px; cursor:pointer;}
.search_tbn.sat_bt{ border-bottom:2px solid #505050;}

.index-title {
    font-size: 28px;
    line-height: 30px;}



.indtech .mainsubject .cons,.indcapi .mainsubject .cons{max-width:100%}
.indtech li{ position:relative}
.indtech li .cons .list {bottom:auto;top:0; height:100%}
.indtech li .list i {width:70px; position:absolute; z-index:1;top:50%;left:50%;margin-left:-35px;margin-top:-55px}
.indtech li .list .title {font-size:22px;  position:absolute; z-index:1; text-align:center;top:50%;width:100%;}
.indtech li .list .content {    width: 100%; padding:5%;position:absolute; bottom:-10%; z-index:1;top:auto;margin-top:auto}
.indtech li:hover .list .content {bottom:0}
.indtech li:hover .list i {top:30%}
.indtech li:hover .list .title {top:30%}
.indtech-pic { font-size: 60px;line-height: 60px;}



.index-about-hz {width: 80%;}

	

.foot-contact{width:42%; }
.foot-box{display:none;}


.ny-product-fl li{width:31.3%;	}

/***--内页代码***/
.ny-banner{display:none;}
.ny-banner-sj{display:block;}
.ny-banner-sj img{width:100%;height:auto;}



.about-title { font-size: 22px;}
.about-title2 {font-size: 22px;}
.about-ggy {font-size: 22px;}

	
.news-pic{width:35%;}
.news-wz-hz { width:60%;}






}
@media (max-width:1024px){	
.ny-product-list li{width:46%;margin:0 2% 4% 2%;}
.prt li {width: 31.3%;margin:0 1% 4% 1%;}

.soka:nth-child(2n){ margin-right:0;}
	}

@media (min-width:1024px){

.soka:nth-child(2n){ margin-right:0;}

}


@media (max-width:960px){
#home_slider{display:none;}
#home_slider2{display:block;}

.block_home_slider .flex-direction-nav a.flex-prev{display:none;}
.block_home_slider .flex-direction-nav a.flex-next{display:none;}


.index-title-ms{font-size:15px;}

.index-pro-box{width:48%;}
.index-pro-box-bt { padding: 20px;font-size:20px;}
.index-pro-box-ms {padding: 0 20px 20px 20px;}



.index-ys-box-title {font-size: 20px;}
.index-ys-hz{ margin-left:-2%;margin-right:-2%;}
.index-ys-box{width:46%;margin-left:2%;margin-right:2%;margin-bottom:20px;}
.index-ys-box-wb {padding: 0 10px 30px 10px;}

.index-ys-box-tb-pic {
    font-size: 60px;
    line-height:60px;}

.index-about-hz{width:100%;}

.indtech-pic {
    font-size: 60px;
    line-height: 60px;}

.indtech ul {margin-top:-20px}
.indtech li {margin-right:1%;width:49%;margin-top:20px}
.indtech li.no {margin-right:0}
.indtech li .list i {width:100px;margin-left: -55px}
.indtech li .list .title {  font-size: 22px; margin-top:30px;}
.indtech li:hover .list i {top:35%}
.indtech li:hover .list .title {top:35%}

.about-ggy {font-size:20px;}


.index-pro-box-bt {font-size:18px;}



.news-list ul li{width:48%;margin-bottom:30px;}





.ny-product-fl li{width:48%; float:left;}

.product-top .l {width: 100%;}
.product-xq-sj{display:block;width:98%;margin:0 1%;}	
.product-top{display:none;}
.product-xq{padding:5%;}
.pro-right{width: 100%; float: none;margin-top:50px;}



.contact-left{width:100%;}
.relbar-map{width:100%;margin-top:30px;}
.soka{ width: 100%; margin-right: 0; 
   margin-left: 0;}
.sokb{ width: 100%;}


.about-menu-left{width:100%;margin-bottom:30px;}
.about-menu-right{width:100%;}

.news-ti {font-size: 20px;}

.news-nr{ -webkit-line-clamp: 2;}

.join-list2 { width: 100%;}
.ny-jjfa-hz{ width: 100%;margin-top:30px;}
.join-menu2 a { font-size: 15px;}

}

@media (max-width:768px){
	.tools { display:none;}
	.sear_t { display:block;}
	.sear_t {  width:100% !important;display:block !important;border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; position:static; }
    .search_bar1 {   max-width:none; margin:0px auto;  position:relative; width:100%; box-sizing:border-box;}
    .search_form .sf_input1 {   font-size:16px; text-align:center; text-indent:0px; }  
    .search_form .sf_input1:focus { text-align:left;}
	.search_form .sf_btn1 { background-size:40%; float: right; border: none; cursor: pointer; position:absolute; right:auto; left:0px; top: 0px;}
    .search_form .search_close { display:none; }


.logo img {height:60px;}
.logo-gsm a{font-size:24px;}
.logo-gsm p{ font-size:12px;}

.index-about-tb li{margin-bottom:0.5%;width:48%;}


.pro_t li{width:32.3%;margin-right:0;}
.pro_t li a {font-size: 17px;}
.pro_gg-hz li { width: 23%;}



.foot-contact {width: 65%;}


.ny-newshow-hz{width: 100%;}
.ny-newshow-right {width:100%;}
.news-ti {font-size: 20px;}
.ny-newshow-hz{ margin-bottom:50px; padding: 20px;}
.ny-newshow-right h4{font-size: 1.2em;}

.info-page a{font-size:14px;}
.news-centent-title a { font-size: 18px;}


}


@media (max-width:580px){
.logo-gsm a{font-size:22px;}
.logo-gsm p{letter-spacing: -0.5px; font-size:12px;}

.indtech li {margin-right:0;width:100%}

.index-ys-box { width: 96%;}
.index-ys-box-wb { font-size: 14px;}
.index-ys-box-title { font-size: 18px;}


.news-list ul li{width:98%;}

.foot-contact {width: 100%;}

.foot-ewm{width: 100%;float:left;text-align:left;margin-top:50px;}


.about-title {font-size: 18px;}
.about-title2 {font-size: 20px;}
.about-ggy {font-size: 17px;line-height:30px;}

.about-gcdz p { font-size: 18px;}


.news-centent-title a {
    font-size: 18px;
}

.news-pic {  width: 100%;}
.ny-news-hz{padding:10px;}
.news-wz-hz { width:100%;margin-top:30px;}

.contact-left h3{font-size:18px;}
.contact-left{padding:30px;}

.join-list2 ul  li{ width: 100%;margin-right: 0;}
.join-p2 p{width: 100%;margin-right: 0;}

.index-pro-box {  width:98%;}
}
@media (max-width:480px){
.logo-gsm{display:none;}	
	
	.pro_gg-hz li {
    width:32.3%;}
.foot-fwrx {display:none;}


}
	
@media (max-width:320px){	

}
